@charset "UTF-8";
/**
 * libing 2023-06-26
 * 设计稿和页面展示1:1，即1px = 1rem
 * 使用了scss变量和css变量混用，因为@media条件不支持css变量，calc不支持scss变量
 * 引用方法：@import './rem.scss';
*/

$PageMaxWidth: 768px; // 页面最大宽度，大于此宽度，rem将不再变化，而是固定到此宽度的比例

:root {
    --DesignWidth: 390; // 设计稿尺寸，单位像素px省略
    --PageMaxWidth: $PageMaxWidth;
}

html {
    font-size: calc(100vw / var(--DesignWidth));
}

@media screen and (min-width: $PageMaxWidth) {
    html {
        font-size: calc(var(--PageMaxWidth) / var(--DesignWidth));
    }
}